<template>
  <!-- 尾部导航栏 -->
  <div class="about-footer clearfix">
        <div class="w">
          <div class="footer-l">
            <a href="#" class="lll">WZY个人博客内容管理系统&copy;2021-至今</a>
            <span style="color:orange;margin-left:50px">人生格言：迟开的小花也能结出果实，而且有可能结出更加珍贵的果实。</span>
          </div>
          <div class="footer-r">
            <a href="#" class="rrr">站长统计</a>
          </div>
        </div>
   </div>
</template>

<script>
export default {
  name:'FooterNav',
}
</script>

<style lang="less" scoped>
 .about-footer{
  float: left;
  width: 100%;
  height: 50px;
  background-color: #000;
}
.about-footer .footer-l{
  float: left;
  background-color: #000;
  padding: 16px 0 14px;
}
.footer-l .lll,
.footer-r .rrr{
  color: #ccc;
  cursor: pointer;
}
.footer-l .lll:hover,
.footer-r .rrr:hover{
  color: #fff;
  text-decoration: underline!important;
  cursor: pointer;
}

.about-footer .footer-r{
  float: right;
  padding: 16px 0 14px;

}
</style>>

